<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>view-tree</title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="../js/bootstrap-treeview.css"/>
		<script src="../js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap-treeview.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="tree">1111</div>
		<input type="checkbox" name="scqx" ><label >全选</label>
		<input type="checkbox"  s="sc" />
		<input type="checkbox"  s="sc" />
		<input type="checkbox"  s="sc" />

		<script type="text/javascript">
			inputAll({
			    "inputQx":"input[name='scqx']",
			    "inputDx":"input[s='sc']"
			});
			function inputAll(config){
			
			    //页面是js加载的 所以这里用全局查找，否则因为优先级找不到（可能加载页面靠后）
			
			    $(document).on("click",config.inputQx,function(){
			        if($(this).is(":checked")){
			            $(config.inputDx).prop("checked",true);
			        }else{
			            $(config.inputDx).prop("checked",false);
			        }
			    });
			    $(document).on("click",config.inputDx,function(){
			        if($(config.inputDx).prop("checked")==""){
			            $(config.inputQx).prop("checked",false);
			        }
			        var ls=$(config.inputDx).length;
			        var chs=$(config.inputDx+":checked").length;
			        if(ls==chs){
			            $(config.inputQx).prop("checked",true);
			        }else{
			            $(config.inputQx).prop("checked",false);
			        }
			    });
			}
			
		</script>
	</body>
</html>
